﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <meta name="viewport" content="width=device-width" />
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <link rel="stylesheet" href="~/Content/Detail.css" />
    @Styles.Render("~/Content/mobileCss", "~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
</head>
<body>
    <div data-role="page" data-theme="d">
        <div class="logoPanel">
            <div id="logo">
                <a href="/Home/Index">
                    <img src="~/Content/images/logo_zalora.jpg" alt="Logo" /></a>
            </div>
            <div id="shoppingCart">
                @Html.ActionLink("Xem giỏ hàng", "Index", "ShoppingCard")
                <p>
                    1</p>
                <span>100.000 VND</span>
            </div>
        </div>
        <div style="clear: both;">
        </div>
        @if (IsSectionDefined("Header"))
        {
            @RenderSection("Header")
        }
        else
        {
            <h1>@ViewBag.Title</h1>
                    
        }
        <div>
            @RenderBody()
            <div data-role="collapsible-set" data-theme="b" data-content-theme="d">
                <div data-role="collapsible">
                    <h2>
                        Nữ</h2>
                    <ul data-role="listview" data-filter="true" data-filter-theme="c" data-divider-theme="d">
                        <li>@Html.ActionLink("Giầy Búp Bê", "Index", "Category")</li>
                        <li>@Html.ActionLink("Giầy Cao Gót", "Index", "Category")</li>
                        <li>@Html.ActionLink("Giầy Xăng Đan", "Index", "Category")</li>
                        <li>@Html.ActionLink("Giầy Đế Xuồng", "Index", "Category")</li>
                        <li>@Html.ActionLink("Giầy Giày Bốt", "Index", "Category")</li>
                        <li>@Html.ActionLink("Giầy Mọi", "Index", "Category")</li>
                        <li>@Html.ActionLink("Giầy Oxford", "Index", "Category")</li>
                        <li>@Html.ActionLink("Giầy Thể Thao", "Index", "Category")</li>
                    </ul>
                </div>
                <div data-role="collapsible">
                    <h2>
                        Nam</h2>
                    <ul data-role="listview" data-theme="c" data-divider-theme="d">
                        <li>@Html.ActionLink("Giày Xăng Đan & Dép Kẹp", "Index", "Category")</li>
                        <li>@Html.ActionLink("Giày Lười/Giày Mọi", "Index", "Category")</li>
                        <li>@Html.ActionLink("Sneakers", "Index", "Category")</li>
                        <li>@Html.ActionLink("Giày Oxford", "Index", "Category")</li>
                        <li>@Html.ActionLink("Giày Casual", "Index", "Category")</li>
                        <li>@Html.ActionLink("Giày Cổ Cao", "Index", "Category")</li>
                        <li>@Html.ActionLink("Giày Tây", "Index", "Category")</li>
                        <li>@Html.ActionLink("Giày Tăng Chiều Cao", "Index", "Category")</li>
                        <li>@Html.ActionLink("Giày Thể Thao", "Index", "Category")</li>
                    </ul>
                </div>
                <div data-role="collapsible">
                    <h2>
                        Trẻ Em</h2>
                    <ul data-role="listview" data-split-icon="gear" data-split-theme="d">
                        <li>@Html.ActionLink("Giày Sandal", "Index", "Category")</li>
                        <li>@Html.ActionLink("Giày Đế Mềm", "Index", "Category")</li>
                    </ul>
                </div>
            </div>
            <p style="font-size: smaller; color: gray; text-align: justify; padding: 0px 5px;">
                Công ty TNHH Một Thành Viên Giờ Giải Lao Bán Lẻ & Giao Nhận<br />
                Tầng 2, Tòa nhà COPAC Square, 12 Tôn Đản , Phường 13, Quận 4, TP. Hồ Chí Minh.<br />
                Điện thoại: 08-6-288-5678<br />
                Fax: 08-3941 4223<br />
                Website: www.zalora.vn</p>
            <div data-theme="b" data-role="footer" data-position="fixed">
                <h5>
                    @@copyright of zalora.vn
                </h5>
            </div>
        </div>
    </div>
    @Scripts.Render("~/bundles/jquery", "~/bundles/jquerymobile")
    @RenderSection("scripts", required: false)
</body>
</html>
